<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>元素的宽度和高度</title>
    </head>
    <body>

        <span style=" border: 1px solid blue  ; width: 200px ; height: 100px ; ">
            天猫
        </span>

        <hr>

        <div style=" border: 1px solid blue ; width: 500px ; height: 100px ; "></div>

        <br>

        <div style=" border: 1px solid blue ; width: 40% ; height: 20% ; "></div>

    </body>
</html>